<template>
	<div class="tab_box app_background">

    <div class="BtnTuichuBox" v-on:click="BtnTuichuDaBoxShow(isShowTuichuDaBox);">
      退出登录
    </div>

    <!--退出提示弹窗-->
    <div class="BtnTuichuDaBox" v-show="isShowTuichuDaBox">
      <div class="BtnTuichuDa">
        <ul>
          <li class="left">
            <p class="BtnTuichuVBox">
              确定退出登录?
            </p>
          </li>
          <li class="CBtnBox left">
            <p class="left" v-on:click="BtnTuichuDaBoxShow(isShowTuichuDaBox)">取 消</p>
            <p class="right" v-on:click="BtnTuichuTo">确 定</p>
          </li>
        </ul>
      </div>
    </div>

    <loading v-show="FangLoading"></loading>
    <fangerror :fangerroring="fangerroring" :fangerrorText="fangerrorText"></fangerror>

    <meun></meun>
	</div>
</template>

<script>
import Nav from '../common/nav/nav.vue'
import loading from '../common/loading/loading.vue'
import fangerror from '../common/fangerror/fangerror.vue'
export default {
  components: {
    meun:Nav,loading,fangerror,
  },
  data(){
    return {
      FangLoading:false,//Loading控制，true显示，false不显示
      fangerroring:false,//提示文本弹窗，true显示，false不显示
      fangerrorText:'',//提示文本弹窗内容
      isShowTuichuDaBox:false,
    }
  },
  mounted(){
    let  _This = this;
    $('.select2-dropdown').remove();
    let windowH = $(window).height();
    let meunBoxH = $('.meunBox').outerHeight(true);
    let megessBoxH = $('.megessBox').outerHeight(true);
    $('.contentLeft,.contentRight').height( windowH - meunBoxH - megessBoxH );
    $('.tab_box').height(windowH - meunBoxH);
  },
  methods:{
    BtnTuichuTo:function () {
      // this.BtnTuichuDaBoxHide();
      localStorage.removeItem('Fangaccess_token');
      localStorage.removeItem('FangUpadateIndexSorting');
      localStorage.removeItem('userName');
      this.$router.push({path: 'login'});
    },
    BtnTuichuDaBoxShow:function (isShowTuichuDaBox) {
      this.isShowTuichuDaBox = !isShowTuichuDaBox;
    },

  }
}

</script>
<style lang="stylus" rel="stylesheet/stylus">
  @import "../common/stylus/meta.styl";
  @import "./My.styl";
</style>
